<html>
	<head>
		<script type="text/javascript" charset="utf-8" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" charset="utf-8" src="js/tic-tac-toe.js"></script>
		<link href="tic-tac-toe.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript">
			$(document).ready(function(){
				initialize();
			});
		</script>
	</head>
	<body>
		<div id="modal"></div>
		<div id="endgame_message"></div>
		<div id="leave_room">
			<p>Click anywhere in the screen to return to the game selection.</p>
		</div>
		
		<div id="content">
			
		</div>
		
		<div id="chat">
			<div id="chat_title_bar">
				<div id="chat_title">
					<img src="images/checkers/contract.png" alt="minimize" />
					<h3>Chat</h3>
				</div>
				<img id="chat_move_icon" src="images/checkers/move.png" draggable="true" alt="move chat window" />
			</div>
			<div id="chat_content"></div>
			<input id="chat_send" type="text" />
		</div>
		
		<div id="content">
			<div id="player_0_box" class="player_box circle">
				<div id="player_0_inner_box" class="player_inner_box">
					<img id="facebook_picture_0" src="images/tic-tac-toe/user_picture.gif" width="44" height="44" />
					<h3 id="facebook_username_0">Player's name</h3>
					Símbolo: O<br />
					Jogadas: <span id="player_0_jogadas">0</span>
				</div>
			</div>
			
			<table id="tic-tac-table" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td id="square:0:0" class="top left">&nbsp;</td>
					<td id="square:0:1" class="top">&nbsp;</td>
					<td id="square:0:2" class="top right">&nbsp;</td>
				</tr>
				
				<tr>
					<td id="square:1:0" class="left">&nbsp;</td>
					<td id="square:1:1">&nbsp;</td>
					<td id="square:1:2" class="right">&nbsp;</td>
				</tr>
				
				<tr>
					<td id="square:2:0" class="bottom left">&nbsp;</td>
					<td id="square:2:1" class="bottom">&nbsp;</td>
					<td id="square:2:2" class="bottom right">&nbsp;</td>
				</tr>
			</table>
			
			<div id="player_1_box" class="player_box x">
				<div id="player_1_inner_box" class="player_inner_box">
					<img id="facebook_picture_1" src="images/tic-tac-toe/user_picture.gif" width="44" height="44" />
					<h3 id="facebook_username_1">Player's name</h3>
					Símbolo: X<br />
					Jogadas: <span id="player_1_jogadas">0</span>
				</div>
			</div>
		</div>
	</body>
</html>